<script id="fb-connect" type="text/html">
<div id="facebook_connect">
  <div class="container">
    <div class="row">
      <span id="facebook_connect_message"><%= message %></span>
      <a id="facebook_connect_button" href="#"><img src="/assets/images/facebook_connect_button.png" alt="facebook connect" /></a>
    </div>
  </div>
</div>
</script>

<script id="fb-user" type="text/html">
<div id="facebook_login_status">
  Hi, <span id="facebook_user_name"></span>
  <div id="facebook_user_logout"><a href="#">Logout</a></div>
  <div id="facebook_login_status-arrow"></div>
</div>
</script>

<script id="sidebar-song-template" type="text/html">
<a class="song">
  <img class="sidebar-song-song-image" src="<%= thumb %>" alt="" />
  <div class="sidebar-song-song-title"><%= title %></div>
</a>
</script>

<script id="content-song-template" type="text/html">
<a class="song">
  <img class="content-song-song-image" src="<%= thumb %>" alt="" />
  <div class="content-song-song-title"><%= title %></div>
</a>
<button class="btn btn-info btn-small love">Love</button> 
</script>

<script id="modal-playlist-template" type="text/html">
<div class="modal-header">
  <a class="close" data-dismiss="modal">×</a>
  <h3>Modal header</h3>
</div>
<div class="modal-body list">
  <p>insert to playlist</p>
</div>
<div class="modal-body create">
  <input type="text" class="span3 typeahead" data-provide="typeahead" data-source="<%= source %>">
  <span class="help-inline">insert playlist</span>   
</div>
<div class="modal-footer">
  <button type="submit" class="btn love-submit">Submit</button>
</div>
</script>

<script id="sidebar-playlist-template" type="text/html">
<div class="sidebar-playlist-header"><%= title %></div>
<div class="sidebar-playlist-content">
  <ul id="<%= id %>"></ul>
</div>
</script>

<script id="player-template" type="text/html">
<div id="player-video">
  <div id="player">Loading...</div>
  <div id="player-video-info"></div>
</div>
<div id="player-controls">
  <a href="javascript:void(0)" id="stop">stop</a>
  <a href="javascript:void(0)" id="pause">pause</a>
  <a href="javascript:void(0)" id="play">play</a>
  <a href="javascript:void(0)" id="next">next</a>
  <a href="javascript:void(0)" id="prev">prev</a>
</div>
</script>